<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/resources/templates/mainLayout.xhtml">
	<ui:define name="corpo">
		<div style="width: 80%; padding-left: 25%; padding-top: 2%;  padding-right:10px;">
			<div id="carousel-example-generic" class="carousel slide"
				data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0"
						class="active" />
					<li data-target="#carousel-example-generic" data-slide-to="1" />
					<li data-target="#carousel-example-generic" data-slide-to="2" />
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="../../imagens/imagem_inscricoesAbertas.jpg" alt="Mar" />
						<div class="carousel-caption">
							<h:outputLabel value="Inscrições Abertas" style="color: red;" />
							<h:outputLabel value="Matricule-se Já!" style="color: red;" />
						</div>
					</div>
					<div class="item">
						<img src="../../imagens/imagem_faculdadeParaTodos.jpg" alt="Mar" />
						<div class="carousel-caption">
							<h:outputLabel value="Inscrições Abertas" style="color: red;" />
							<h:outputLabel value="Matricule-se Já!" style="color: red;" />
						</div>
					</div>
					<div class="item">
						<img src="../../imagens/imagem_novoCampus.jpg" alt="Mar" />
						<div class="carousel-caption">
							<h:outputLabel value="Inscrições Abertas" style="color: red;" />
							<h:outputLabel value="Matricule-se Já!" style="color: red;" />
						</div>
					</div>

				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example-generic"
					data-slide="prev"> <span
					class="glyphicon glyphicon-chevron-left" />
				</a> <a class="right carousel-control" href="#carousel-example-generic"
					data-slide="next"> <span
					class="glyphicon glyphicon-chevron-right" />
				</a>
			</div>
		</div>
	</ui:define>
</ui:composition>
</html>